<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice"%>
<html>
	<head>
		<%@include file="./general/head.jsp" %>
		<script type="text/javascript" src="../estilos/js/scripts.js"></script>
		<script type="text/javascript">
			function inactivarCampos() {
				var fechaIniPeriodo = document.getElementById('formulario:fechaInicial_calendarInputtext');
				if (fechaIniPeriodo != undefined) {
					fechaIniPeriodo.readOnly = true;
				}
				
				var fechaFinPeriodo = document.getElementById('formulario:fechaFinalPeriodo_calendarInputtext');
				if (fechaFinPeriodo != undefined) {
					fechaFinPeriodo.readOnly = true;
				}
				
				var fechaIniAplicacion = document.getElementById('formulario:fechaInicAplicacion_calendarInputtext');
				if (fechaIniAplicacion != undefined) {
					fechaIniAplicacion.readOnly = true;
				}
				
				var fechaIniAplicacion = document.getElementById('formulario:fechaFinAplicacion_calendarInputtext');
				if (fechaIniAplicacion != undefined) {
					fechaIniAplicacion.readOnly = true;
				}
			}
		</script>
	</head>
	<body class="body">
		<table width="800" border="0" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
			<tr>
				<td valign="top" align="center">
		    		<%@include file="./general/head2.jsp"%>
				</td>
	  		</tr>
			<tr>
				<td valign="top" align="center">
					<ice:form id="formulario">
						<f:view>
							<!-- CARGA EL ARCHIVO DE ETIQUETAS -->
							<f:loadBundle basename="co.com.coomeva.adminEvaluacion.properties.etiquetas" var="etiqueta" />
							
							<ice:panelCollapsible expanded="true" toggleOnClick="true" style="width: 600px">
								
								<!-- TITULO -->
								<f:facet name="header">
									<ice:outputText value="#{etiqueta.title_ConsultaModulosPeriodo}" />
								</f:facet>
								<br />
								
								<!-- ETIQUETAS Y CAMPOS -->
								
								<ice:panelGrid columns="2">
									
									<strong><ice:outputText value="#{etiqueta.lb_nombre_periodo_activo}: " /></strong>
									<strong><ice:outputText value="#{consultaModulosPeriodo.nombrePeriodo}   " /></strong>
									
									
									
									<!--
									<ice:selectOneMenu value="#{consultaModulosPeriodo.consPeriodo}" disabled="#{consultaModulosPeriodo.readOnly}">
										<f:selectItems value="#{consultaModulosPeriodo.itemsPeriodos}" disabled="#{consultaModulosPeriodo.readOnly}"/>
										
										</ice:selectOneMenu>
										  -->
									
									<ice:outputText value="#{etiqueta.lb_ConsModulo} (*)" rendered="#{consultaModulosPeriodo.showAllData}" />
									<ice:inputText id="consModulo" value="#{consultaModulosPeriodo.consModulo}" disabled="#{consultaModulosPeriodo.readOnly}" rendered="#{consultaModulosPeriodo.showAllData}"/>
	                                 
									   <ice:outputText value="#{etiqueta.lb_Porcentaje} (*)" rendered="#{consultaModulosPeriodo.showAllData}" />
									<ice:selectOneMenu value="#{consultaModulosPeriodo.consTipoPorcentaje}" rendered="#{consultaModulosPeriodo.showAllData}">
										<f:selectItems value="#{consultaModulosPeriodo.tipoPorcentajeItems}" />
									</ice:selectOneMenu>
									
								
									<ice:outputText value="#{etiqueta.lb_fechaInicialPeriodo} (*) " rendered="#{consultaModulosPeriodo.showAllData}" />
									<ice:selectInputDate id="fechaInicial"
										popupDateFormat="#{consultaModulosPeriodo.formatoFecha}"
										value="#{consultaModulosPeriodo.fechaInicial}"
										rendered="#{consultaModulosPeriodo.showAllData}"
										renderAsPopup="true"
										converter="customDateConverter"
										renderMonthAsDropdown="true"
										renderYearAsDropdown="true"
										onkeydown="inactivarCampos(); return false;">										
									</ice:selectInputDate>
									
									<ice:outputText value="#{etiqueta.lb_fechaFinalPeriodo} (*)" rendered="#{consultaModulosPeriodo.showAllData}" />
									<ice:selectInputDate id="fechaFinal"
										popupDateFormat="#{consultaModulosPeriodo.formatoFecha}"
										value="#{consultaModulosPeriodo.fechaFinal}"
										rendered="#{consultaModulosPeriodo.showAllData}"
										renderAsPopup="true"
										converter="customDateConverter"
										renderMonthAsDropdown="true"
										renderYearAsDropdown="true"
										onkeydown="inactivarCampos(); return false;">
									</ice:selectInputDate>
									
									<ice:outputText value="#{etiqueta.lb_fechaInicialApl} (*) " rendered="#{consultaModulosPeriodo.showAllData}" />
									<ice:selectInputDate id="fechaInicAplicacion"
										popupDateFormat="#{consultaModulosPeriodo.formatoFecha}"
										value="#{consultaModulosPeriodo.fechaInicAplicacion}"
										rendered="#{consultaModulosPeriodo.showAllData}"
										renderAsPopup="true"
										converter="customDateConverter"
										renderMonthAsDropdown="true"
										renderYearAsDropdown="true"
										onkeydown="inactivarCampos(); return false;">
									</ice:selectInputDate>
									
									<ice:outputText value="#{etiqueta.lb_fechaFinalApl} (*) " rendered="#{consultaModulosPeriodo.showAllData}" />
									<ice:selectInputDate id="fechaFinAplicacion"
										popupDateFormat="#{consultaModulosPeriodo.formatoFecha}"
										value="#{consultaModulosPeriodo.fechaFinAplicacion}"
										rendered="#{consultaModulosPeriodo.showAllData}"
										renderAsPopup="true"
										converter="customDateConverter"
										renderMonthAsDropdown="true"
										renderYearAsDropdown="true"
										onkeydown="inactivarCampos(); return false;">
									</ice:selectInputDate>
									
									
									
									
									   <ice:outputText value="#{etiqueta.lb_UnidadNegocio} (*)" rendered="#{consultaModulosPeriodo.showAllData}" />
									<ice:selectOneMenu value="#{consultaModulosPeriodo.consUnidadNegocio}" rendered="#{consultaModulosPeriodo.showAllData}">
										<f:selectItems value="#{consultaModulosPeriodo.unidadesNegocioItems}" />
									</ice:selectOneMenu>
	
									
									<ice:outputText value="#{etiqueta.lb_descripcionPeriodoEval} (*)" rendered="#{consultaModulosPeriodo.showAllData}" />
									<ice:inputText id="descripcion" value="#{consultaModulosPeriodo.descripcion}" size="30" maxlength="50" rendered="#{consultaModulosPeriodo.showAllData}"/>
									

									<ice:outputText value="#{etiqueta.lb_nombreEstado} (*) " rendered="#{consultaModulosPeriodo.showAllData}"/>
									<ice:selectOneMenu value="#{consultaModulosPeriodo.consEstado}" rendered="#{consultaModulosPeriodo.showAllData}">
										<f:selectItems value="#{consultaModulosPeriodo.estadoItems}" />
									</ice:selectOneMenu>
									
									
									
									
								</ice:panelGrid>
								
								
								<ice:panelGrid>
								<br/>
								<i>
								   <ice:outputText rendered="#{!consultaModulosPeriodo.inactivarActualizar}" value="#{etiqueta.lbl_obligatorio}"/>
								</i>
								</ice:panelGrid>
								<br />
								
								
								<!-- BOTONES -->
								<ice:panelGrid columns="5">
									<ice:commandButton value="#{etiqueta.btn_Consultar}"
										actionListener="#{consultaModulosPeriodo.consultar}"
										disabled="#{consultaModulosPeriodo.inactivarConsultar}" />
								<ice:commandButton value="#{etiqueta.btn_Actualizar}"
										actionListener="#{consultaModulosPeriodo.actualizar}"
										disabled="#{consultaModulosPeriodo.inactivarActualizar}"
										onclick="if(!confirm('Esta seguro que desea actualizar los datos del periodo?')){ return false; };" />
								<!--
								<ice:commandButton value="#{etiqueta.btn_Limpiar}"
										action="#{consultaModulosPeriodo.limpiar}" onclick="limpiar(document.getElementById('formulario'));"/>
									
									
									
										
									
									<ice:commandButton value="#{etiqueta.btn_Guardar}"
										actionListener="#{accionBean.crear}"
										disabled="#{accionBean.inactivarGuardar}"
										onclick="if(!confirm('Realmente desea crear este registro?')){ return false; };" />
									
									
									<ice:commandButton value="#{etiqueta.btn_Eliminar}"
										actionListener="#{accionBean.eliminar}"
										disabled="#{accionBean.inactivarEliminar}"
										onclick="if(!confirm('Esta seguro que desea eliminar la accion actual?')){ return false; };" />
									-->
								</ice:panelGrid>
								
								<!-- MENSAJE DE ERROR DE CONVERSION -->
								<ice:messages visible="true" style="color:red;" />

								<!-- TABLA DE RESULTADOS DE CONSULTA -->
								<ice:dataTable rows="10" id="dataModulo" var="modulos"
									value="#{consultaModulosPeriodo.listModulo}" border="1" width="500"
									rendered="#{consultaModulosPeriodo.resultadoConsulta}">
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_consPeriodo}" />
											</strong>
										</f:facet>
										
										
											<ice:commandLink value="#{modulos.consPeriodo}"
											styleClass="linkTabla" action="#{consultaModulosPeriodo.cargarDatos}">
											<f:param value="#{modulos.consPeriodo}" name="consPeriodo" />
											<f:param value="#{modulos.consModulo}" name="consModulo" />		
											<f:param value="#{modulos.consTipoPorcentaje}" name="consTipoPorcentaje" />		
														
										</ice:commandLink>
										
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_consModulo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{modulos.consModulo}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText value="#{etiqueta.lb_col_nombreModulo}" /></strong>
										</f:facet>
										<ice:outputText value="#{modulos.nombre}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText value="#{etiqueta.lb_col_tipoPorcentaje}" /></strong>
										</f:facet>
										<ice:outputText value="#{modulos.consTipoPorcentaje}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText value="#{etiqueta.lb_col_descripcionPorcentaje}" /></strong>
										</f:facet>
										<ice:outputText value="#{modulos.descripcion}" />
									</ice:column>
									
								</ice:dataTable>
								<br />
								
								<!-- PAGINADOR -->
								
								<ice:dataPaginator id="dataScroll_1" for="dataModulo"
									paginator="true" fastStep="3" paginatorMaxPages="4"
									rendered="#{consultaModulosPeriodo.resultadoConsulta}">
									<f:facet name="first">
										<ice:graphicImage url="../estilos/imagenes/arrow-first.gif"
											style="border:none;" title="#{etiqueta.title_PrimeraPagina}" />
									</f:facet>
									<f:facet name="last">
										<ice:graphicImage url="../estilos/imagenes/arrow-last.gif"
											style="border:none;" title="#{etiqueta.title_UltimaPagina}" />
									</f:facet>
									<f:facet name="previous">
										<ice:graphicImage url="../estilos/imagenes/arrow-previous.gif"
											style="border:none;" title="#{etiqueta.title_PaginaAnterior}" />
									</f:facet>
									<f:facet name="next">
										<ice:graphicImage url="../estilos/imagenes/arrow-next.gif"
											style="border:none;" title="#{etiqueta.title_ProximaPagina}" />
									</f:facet>
									<f:facet name="fastforward">
										<ice:graphicImage url="../estilos/imagenes/arrow-ff.gif"
											style="border:none;" title="#{etiqueta.title_AvanceRapido}" />
									</f:facet>
									<f:facet name="fastrewind">
										<ice:graphicImage url="../estilos/imagenes/arrow-fr.gif"
											style="border:none;" title="#{etiqueta.title_RetornoRapido}" />
									</f:facet>
								</ice:dataPaginator>
								
							</ice:panelCollapsible>

						</f:view>
					</ice:form>
				</td>
			</tr>
			<tr>
				<td>
					<%@include file="./general/footer.jsp" %>
				</td>
			</tr>
		</table>
		<%@include file="mensaje.jsp"%>
	</body>
</html>
